<template>
    <div class="login">
       <div class="company"><img :src="images2" class="images2"></div>
       <div class="btns">
           <div class="phonebtn" @click="goto()"><span class="icons-phone"><img :src="images11" class="images11"></span><span class="phone">手机登录</span></div>
           <div class="phonebtn"><span class="icons-phone"><img :src="images12" class="images12"></span><span class="wx">微信登录</span></div>
       </div>
    </div>
</template>

<script>
import pic12 from "../../icons/WXnum.png";
import pic2 from "../../icons/huaxiahuang.png";
import pic11 from "../../icons/phone.png";
import pic13 from "../../icons/shangjia.png";
import * as api from "../../request/api.js"
export default {
name:'login',
data(){
 return{
images2: pic2,
images11: pic11,
images12: pic12,
images13: pic13,
 }
},
methods:{
goto(){
    this.$router.push({path:'./Logindetail'})
},
go(){
    this.$router.push({path:'./Shoplogin'})
}
}
}
</script>

<style lang="less" scoped>
@import "../../less/login.less";
</style>
